<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 S -->
    <div class="top">
        <div class="search">
            搜索:目的地/酒店/景点/航班号
        </div>
        <a href="#">我的</a>
    </div>
    <!-- 头部 E -->
    <!-- 图片轮播 S -->
    <div class="banner">
        <img src="./upload/01.jpg" alt="">
    </div>
    <!-- 图片轮播 E -->
    <!-- 内容主题部分 S -->
    <div class="center">
        <!-- 娱乐选项 -->
        <div class="nav">
            <a href="#">攻略·景点</a>
            <a href="#">门票·玩乐</a>
            <a href="#">美食林</a>
            <a href="#">周边游</a>
            <a href="#">一日游</a>
        </div>
        <!-- 订票区域 -->
        <div class="buy">
            <div class="hotel">
                <a href="#"><span>酒店</span></a>
                <a href="#"><span>民宿·客栈</span></a>
                <a href="#"><span>特价·爆款</span></a>
            </div>
            <div class="fly">
                <a href="#"><span>飞机</span></a>
                <a href="#"><span>火车票</span></a>
                <a href="#"><span>汽车·船票</span></a>
                <a href="#"><span>专车·租车</span></a>
            </div>
            <div class="bus">
                <a href="#"><span>旅游</span></a>
                <a href="#"><span>高铁游</span></a>
                <a href="#"><span>邮轮游</span></a>
                <a href="#"><span>定制游</span></a>
            </div>
        </div>
        <!-- 功能选项 -->
        <ul class="gn">
            <li>
                <a href="#">
                    <span></span>
                    <span>自由行</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>WiFi电话卡</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>保险·签证</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>换钞·购物</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>向导·包车</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>特价机票</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>礼品卡</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>申卡·借钱</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>旅拍</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <span>更多</span>
                </a>
            </li>
        </ul>
        <!-- 特卖会 -->
        <div class="hd clearfix">
            <h3>特卖会</h3>
            <a href="#">更多</a>
        </div>
        <div class="tmh clearfix">
            <div class="items">
                <a href="#">
                    <div class="pic"><img src="./img/00001.jpg" alt=""></div>
                    <h3>普吉岛皮皮岛浮潜一日游【可选竹子岛/鸡蛋岛/蜜月岛/网红游艇】</h3>
                    <div class="txt">￥9987.00</div>
                </a>
            </div>
            <div class="items">
                <div class="thd_top clearfix">
                    <a href="#">
                        <img src="./img/pic-tmh-02.png" alt="">
                        <h3>千款特价</h3>
                        <p>特价烧饼无线拿</p>
                    </a>
                </div>
                <div class="thd_bottom clearfix">
                    <a href="#">
                        <h3>天天特价</h3>
                        <p>烧饼免费拿</p>
                        <img src="./img/pic-tmh-03.png" alt="">
                    </a>
                    <a href="#">
                        <h3>天天特价</h3>
                        <p>烧饼免费拿</p>
                        <img src="./img/pic-tmh-04.png" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 热门活动 -->
        <div class="hd hot clearfix">
            <h3>热门活动</h3>
            <a href="#">获取更多福利</a>
        </div>
        <ul class="hot_list">
            <li><a href="#"><img src="./upload/pic1.jpg" alt=""></a></li>
            <li><a href="#"><img src="./upload/pic2.jpg" alt=""></a></li>
            <li><a href="#"><img src="./upload/pic3.jpg" alt=""></a></li>
            <li><a href="#"><img src="./upload/pic4.jpg" alt=""></a></li>
            <li><a href="#"><img src="./upload/pic5.jpg" alt=""></a></li>
            <li><a href="#"><img src="./upload/pic6.jpg" alt=""></a></li>
        </ul>
    </div>
    <!-- 内容主题部分 E -->
    <div class="foot">
        <a href="#">
            <i></i>
            <span>电话预约</span>
        </a>
        <a href="#">
            <i></i>
            <span>下载客户端</span>
        </a>
        <a href="#">
            <i></i>
            <span>我的</span>
        </a>
    </div>
</body>

</html>